// 反馈页面的 js 文件

Page({
  data: {
    name: '', // 标题
    // contact: '', // 联系方式
    content: '', // 反馈内容
    maxContentLength: 500, // 反馈内容最大长度限制
  },

  // 输入姓名时触发，更新 data 中对应的值
  inputName: function(e) {
    this.setData({
      name: e.detail.value
    });
  },

  // 输入联系方式时触发，更新 data 中对应的值
  // inputContact: function(e) {
  //   this.setData({
  //     contact: e.detail.value
  //   });
  // },

  // 输入反馈内容时触发，更新 data 中对应的值
  inputContent: function(e) {
    this.setData({
      content: e.detail.value
    });
  },

  // 表单提交时触发
  submitForm: function(e) {
    // 获取表单数据
    const { name, contact, content } = this.data;

    // 正则表达式验证姓名和联系方式
    const nameRegex = /^[\u4e00-\u9fa5]{2,20}$/; // 2-4个汉字
    const contactRegex = /^1[3456789]\d{9}$/; // 手机号码正则表达式

    if (!nameRegex.test(name)) {
      wx.showToast({
        title: '内容字数请限制在2-20字以内',
        icon: 'none'
      });
      return;
    }

    // if (!contactRegex.test(contact)) {
    //   wx.showToast({
    //     title: '请输入正确的联系方式',
    //     icon: 'none'
    //   });
    //   return;
    // }

    // 字数统计
    if (content.length > this.data.maxContentLength) {
      wx.showToast({
        title: `反馈内容请控制在${this.data.maxContentLength}字以内`,
        icon: 'none'
      });
      return;
    }

    // 提交逻辑，这里可以发送数据到后端等操作

    // 提交成功后清空表单
    this.setData({
      name: '',
      contact: '',
      content: ''
    });

    // 提交成功提示
    wx.showToast({
      title: '提交成功',
      icon: 'success'
    });
  }
});